@charset "utf-8";
/* CSS Document */

body {
    font-size: 1em;
    line-height: 1.4;
}

/* Se não for uma tag body diferente da de cima da uma diferença no layout */
body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

.header-container {
    border-bottom: 20px solid #694D9F; /* Borda do Cabecalho Verde escuro*/
}

.footer-container,
.main aside {
    border-top: 20px solid #694D9F; /* Borda da barra lateral e do rodape */
}

.header-container,
.footer-container,
.main aside {
	background-color: #039185; /* Barra lateral, cabeçalho e rodapé VERDE CLARO */
}

.title {
    color: white;
}

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: white;
    background: #039185; /* Fundo dos menus (Verde Escuro) */
}

nav a:hover,
nav a:visited {
    color: white;
}

nav a:hover {
    text-decoration: underline;
}

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

.ie7 .title {
    padding-top: 20px;
}

nav a {
	float: left;
	width: 27%;
	margin: 0 1.7%;
	padding: 25px 2%;
	margin-bottom: 0;
}

nav li:first-child a {
	margin-left: 0;
}

nav li:last-child a {
	margin-right: 0;
}

nav ul li {
	display: inline;
}

.oldie nav a {
	margin: 0 0.7%;
}

/* ============
    WIDE: Menu
   ============ */
.title {
	float: left;
}

nav {
	float: right;
	width: 38%;
}


/* ============
    WIDE: Main
   ============ */

.main article {
	float: left;
	width: 57%;
}

.main aside {
	float: right;
	width: 28%;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
